<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="../../public/js/jquery.min.js"></script>
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		<link rel="stylesheet" href="style.css">
		<link rel="stylesheet" type="text/css" href="font-awesome.min.css"/>
		
		<script src="../../public/js/vue.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>免费下载</title>
	</head>
	<body>
		<!--<div id="nav"></div>-->
		
		<nav class=" nav navbar-fixed" id="nav">
			<div class="contaienr" >
			<div class="header">
			<a href="主页.html"><img src="../../public/images/店铺管理/logo_in.png"/></a>
			<div class="ul">
				<ul class="nav-pills hidden-xs">
					<li class="dropdown">
						<a href="店铺管理.html" style="border: none;">店铺管理<span class="caret"></span></a>
						<!--<div class="clear"></div>-->
						<dl class="sb">
							<dt>
								<a href="收银记账.html">收银记账</a>
							</dt>
							<dt>
								<a href="商品管理.html">商品管理</a>
							</dt>
							<dt>
								<a href="会员管理.html">会员管理</a>
							</dt>
							<dt>
								<a href="连锁店管理.html">连锁店管理</a>
							</dt>
						</dl>
					</li>
					
					<li class="dropdown">
						<a href="会员营销.html" style="border: none;">会员营销<span class="caret"></span></a>
						<dl class="sb">
							<dt>
								<a href="短信营销.html">短信营销</a>
							</dt>
							<dt>
								<a href="手机橱窗.html">手机橱窗</a>
							</dt>
							<dt>
								<a href="手机橱窗.html">微信营销</a>
							</dt>
							<dt>
								<a href="优惠券.html">优惠券</a>
							</dt>
						</dl>
					</li>
					<li>
						<a href="价格资费.html">价格资费</a>
					</li>
					<li>
						<a href="免费下载.html">免费下载</a>
					</li>
					<li>
						<a href="了解生意专家.html">了解生意专家</a>
					</li>
				</ul>
			</div>
		</div>
		<ul class="nav-pills nav-login hidden-xs">
			<li><a href="" id="login">登录</a></li>
			<li><a href="" id="regist">注册</a></li>
		</ul>
	</div>
</nav>
		
		
		<div class="db-bg">
			<div class="db-bg1 text-center">
				<h1>任何设备，随时随地打理生意</h1>
				<h2>网页版 · PC客户端 · 安卓手机 · iPhone · iPad</h2>
				<img src="../../public/images/免费下载/banner-dl.png"/>
			</div>
		</div>
	
	<div class="db-color">
		<div class="db-pc">
			<div class="col-xs-3">
			    <div class="db-db" style="background-color: #8974bc;">
				 <h6>
					<i class="fa fa-desktop"></i>
					PC客户端
				 </h6>
				 <p>适用于<br />装载Windows系统的电脑</p>
				 <a href=""class="btn btn-tiny btn-alpha no-border" style="background: #7963af;">立即下载
				 <i class="fa fa-chevron-circle-right"></i>
				 </a>
		    	</div>
		     </div>
		     <div class="col-xs-3">
			    <div class="db-db" style="background:#4899e4">
				 <h6>
					<i class="fa fa-tablet" style="font-size: 20px;"></i>
					 iPad 客户端
				 </h6>
				 <p>适用于<br />系统为iOS 7.0及以上的iPad </p>
				 <a href=""class="btn btn-tiny btn-alpha no-border" style="background:#357fc6">立即下载
				 <i class="fa fa-chevron-circle-right"></i>
				 </a>
		    	</div>
		     </div>
		     <div class="col-xs-3">
			    <div class="db-db" style="background:#5bb990;">
				 <h6>
					<i class="fa  fa-apple"></i>
					 iPhone 客户端
				 </h6>
				 <p>适用于<br />系统为iOS 7.0及以上的苹果手机 </p>
				 <a href=""class="btn btn-tiny btn-alpha no-border" style="background:#489774;">立即下载
				 <i class="fa fa-chevron-circle-right"></i>
				 </a>
		    	</div>
		     </div>
		     <div class="col-xs-3">
			    <div class="db-db" style="background: #fdaf52">
				 <h6>
					<i class="fa fa-android"></i>
					安卓手机客户端
				 </h6>
				 <p>适用于<br />系统为Android 4.0以上的安卓手机</p>
				 <a href=""class="btn btn-tiny btn-alpha no-border" style="background: #f59f36;">立即下载
				 <i class="fa fa-chevron-circle-right"></i>
				 </a>
		    	</div>
		     </div>
		</div>
	</div>
	
	<div class="PCD">
		<h2 class="text-center">PC客户端 — 集聚超强大功能</h2>
		<div class="col-xs-5">
			<div class="pcad">
				<h5>电脑端，功能强大，操作简单</h5>
				<p>强大和简单看似难以调和，但生意专家将它们巧妙融合。每项功<br />
				能的出现都是那么的恰到好处，让你使用产品的过程中就学会<br />
				了如何更高效地打理自己的生意。</p>
				<a href="" class="btn btn-large">立即下载</a>
			</div>
		</div>
		<div class="col-xs-7">
			<div class="pcad">
				<img src="../../public/images/免费下载/pc-end-preview.png" height="450px"/>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div class=" model5" style="margin:0 auto;">
      	<div class="text-center iPad" >
      		<h2>在iPad上打理生意，如此轻松</h2>
      		<p>对餐饮、服务行业来说，iPad因为生意专家而有了新的用处。<br />
      		你可以快速收银、挂单、展示商品、积累会员，一切行云流水。我们所呈现的，<br />
      		不是收银记账，而是收银记账的未来。</p>
      		<a href="" class="btn btn-large">立即下载</a>
      	</div>
      </div>
		
		
		<div class="phone">
			<div class="col-xs-6">
				<div class="phonep">
					<img src="../../public/images/免费下载/mobile-download-demo.png" style="height: 600px;"/>
				</div>
			</div>
			<div class="col-xs-6">
				<div class="phonep">
					<h5>手机管店，走到哪生意做到哪</h5>
					 <ul class="phonelist">
					 	<li class="phone1 phonepic">
					 		<h4>手机变身扫描枪</h4>
					 		<p>内置千万级标准条码，扫码直接录入商品信息，快速完成结账；支持蓝牙<br />
					 		打印，记账开票一步到位</p>
					 	</li>
					 	<li class="phone2 phonepic">
					 		<h4>把库存装进口袋</h4>
					 		<p>全面编辑商品分类、图片、价格等信息；人性化库存预警和供货商管理，br />
					 		为运营保驾护航。</p>
					 	</li>
					 	<li class="phone3 phonepic">
					 		<h4>会员管理与维护</h4>
					 		<p>批量导入手机通讯录中的联系人，便捷！维客短信、营销短信一键发送，<br />
					 		提升顾客购物体验。</p>
					 	</li>
					 	<li class="phone4 phonepic">
					 		<h4>身在何处都能查</h4>
					 		<p>外出、吃饭时、睡觉前，掏出手机就能打理生意，销售、库存一目了然。</p>
					 	</li>
					 </ul>
					 <div class="clear"></div>
					 <div class="bg-load">
					 	<div class="bg-left">
					 		<img src="../../public/images/免费下载/icon-smartPhone-qr.png" alt="" width="105px"/>
					 	</div>
					 	<div class="bg-right">
					 		<div class="bg-rgt">
					 			<a href="" class="btn btn-large">
					 				<i class="fa  fa-apple"></i>
					 				下载iPhone客户端</a>
					 			<a href="" class="btn btn-large">
					 				<i class="fa fa-android"></i>
					 				下载iPhone客户端</a>
					 			<p>扫码下载生意专家移动客户端。</p>
					 		</div>
					 	</div>
					 </div>
				</div>
			</div>
		</div>
	
	
	<div id="footer1"></div>
	<div id="footer2"></div>
		<script>
//			$('#nav').load('nav.html')
			$('#footer1').load('footer1.html')
			$('#footer2').load('footer2.html')
			
			 $(window).load(function()
		    {
		    	var H = $('#nav').offset().top + 71;
		  	 console.log(H)
		    	$(window).scroll(function()
		        {
		    	 var s = document.body.scrollTop;
		    	if(s > H)
		    	{ 
		            $('#nav').css('position','fixed').css('width','100%').css('z-index','1000')
		        }
		    	else
		    	{
		    		 $('#nav').css('position','static')
		    	}
		    	
		        })
		    })
		</script>
	</body>
</html>
